﻿<!-- Content  -->
<main id="page-content">
    <div class="breadcrumbs" style="margin-bottom: 0">
        <div class="container">
            <div class="row">
                <div class="col-xs-12">
                    <div class="breadcrumbs__title">Contacts</div>
                    <div class="breadcrumbs__items">
                        <div class="breadcrumbs__wrap">
                            <div class="breadcrumbs__item">
                                <a href="index.html" class="breadcrumbs__item-link">首页</a> <span>/</span> <a
                                    href="contacts.html" class="breadcrumbs__item-link">留言</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- // Breadcrumbs  -->
    <section class="contact-map">
        <div id="contacts-map"></div>
        <div class="contact-info-block">
            <div class="logo-contacts">
                <a href="index.html" class="logo"><img src="/static/home/images/logo-contacts.png" alt=""></a>
            </div>
            <div class="contact-info">
                <span class="phone_number"><i class="icon-telephone"></i> 1-800-123-4567</span>
                <span class="location_info">
					<i class="icon-placeholder-for-map"></i>
					<em>The Company Name Inc.</em> 
					<em>9870 St Vincent Place,</em> 
					<em>Glasgow, DC 45 Fr 45.</em> </span>
            </div>
            <div class="social-list">
                <ul class="social-list__icons">
                    <li><a href="#"><i class="icon-facebook-logo"></i></a></li>
                    <li><a href="#"><i class="icon-twitter-letter-logo"></i></a></li>
                    <li><a href="#"><i class="icon-google-plus"></i></a></li>
                    <li><a href="#"><i class="icon-linkedin-logo"></i></a></li>
                </ul>
            </div>
        </div>
    </section>
    <div class="container">
        <div class="row">
            <div class="col-xs-12">
                <div class="wrap-form">
                    <h1>Leave a Message</h1>
                    <form id="contactform" class="contact-form comment-form" name="contactform" method="post"
                          novalidate>
                        <div id="success">
                            <p>Your message was sent successfully!</p>
                        </div>
                        <div id="error">
                            <p>Something went wrong, try refreshing and submitting the form again.</p>
                        </div>
                        <div class="input-wrapper first-child">
                            <input type="text" class="input-custom input-full" name="name" placeholder="Your name">
                        </div>
                        <div class="input-wrapper last-child">
                            <input type="text" class="input-custom input-full" name="email" placeholder="E-mail">
                        </div>
                        <div class="textarea-wrapper">
                            <textarea class="textarea-custom input-full" name="Comment"
                                      placeholder="Comment"></textarea>
                        </div>
                        <div class="btn-wrapper">
                            <button type="submit" id="submit" class="btn btn-form">Send message</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</main>
<!-- // Content  -->
<script type="text/javascript" src="http://ditu.google.cn/maps/api/js"></script>
